<template>
    <div id='' class='base_label_state'>
        <div v-for="(item,index) in labelState" v-if="itemData[item.key] == item.label" :key="index" :class="'lb_item '+item.class">{{item.name}}</div>
    </div>
</template>
<script>
export default {
    name: '',
    props: ['itemData'],
    inject: ['labelState'],
    data() {
        return {
        };
    },
    components: {},
    computed: {},
    beforeMount() { },
    mounted() { },
    methods: {},
    watch: {}
}
</script>
<style lang='less' scoped>
@import url("../common.less");
@import url("./style/common.less");
.base_label_state {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 57px;
}
.base_label_state .lb_item {
    width: 20px;
    height: 20px;
    border-radius: 2px 2px 2px 2px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-right: 5px;
}
</style>